<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<div id="scroller" style="writing-mode: vertical-rl; width: 400px; height: 400px; overflow-x: auto; will-change: transform">
  <div id="target" style="width: 10000px; height:200px; background: red"></div>
</div>
<script>
// Tests that flipped-blocks writing mode paint invalidation and culling works correctly for a composited scroller.
// The result should be a green rectangle across the screen, and a scrollbar moved all the way to the left.
onload = runRepaintAndPixelTest;
function repaintTest() {
  target.style.background = "green";
  scroller.scrollLeft = -9600;
}
</script>
